<!--
 * @author: sanbao
 * @Date: 2021-06-22 16:42:27
-->
 <style lang='scss' scoped>
</style>
<template>
  <div class="index">
    <div class="noe" v-for="(item, index) in list" :key="index">
      <div class="list">
        <img src="" alt="" />
        <div class="warp">            
          <p>{{ item.nickname }}</p>
          <span>{{ item.text }}</span>
        </div>
      </div>
    </div>
  </div>
</template>

 <script>
import axios from "axios";
export default {
  data() {
    return {
      list: [],
    };
  },
  watch: {},
  created() {
    this.getlist();
  },
  methods: {
    async getlist() {
      const response = await axios({
        url: "https://www.fastmock.site/mock/c9c26e8a72b07ef6e9809e2146abfe1a/p9sanbao/api/comment/list",
        method: "GET",
      });
      this.list = response.data.comments;
    },
  },
  components: {},
};
</script>
